<template>
  <div id="home" class="home">
    <home-nav-bar/>
    <home-swiper class="home-swiper" />
    <home-content/>
  </div>
</template>

<script>
import HomeContent from './HomeContent.vue'
// 页面子组件
import HomeNavBar from './HomeNavBar'
import HomeSwiper from './HomeSwiper.vue'


export default {
  
  name: '',
  components:{
    HomeNavBar,
    HomeSwiper,
    HomeContent,
  },
  data () {
    return {
      
    }
  },
  mounted(){
    this.$axios({
      url:'/',
      method:'get'
    }).then(res=>{
      console.log(1)
    })
  },
  methods:{
  
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.home{
  overflow: hidden;
}
.home-swiper{
  margin-top: 44px;
}
</style>